(function(){
    $.fn.extend({
        moveUp:function(){
            // 插件功能
            // 调用该方法的jquery对象添加一个hover效果
            // 鼠标移入的时候，上移，添加阴影
            // 鼠标移出的时候，回到原来的位置，取出阴影
            console.log(this);// this就是调用方法的那个jquery对象
            // 这个this是所有li的jquery对象
            this.css("transition","all 0.8s");
            this.hover(function(){
                // 事件函数里面的this是当前移入的那个li节点，dom节点
                $(this).css({
                    transform:"translate3d(0px,-5px,0px)",
                    boxShadow:"0 15px 30px rgb(0 0 0 / 10%)"
                })
            },function(){
                $(this).css({
                    transform:"translate3d(0px,0px,0px)",
                    boxShadow:"none"
                })
            })
        }
    })
})()